<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>
    {#    <!-- css title start -->#}
    {% block titile %}

    {% endblock %}
    {#    <!-- css title end -->#}
  </title>
  <link rel="stylesheet" href="../../static/css/base/reset.css">
  <link rel="stylesheet" href="../../static/css/base/common.css">
  <link rel="stylesheet" href="../../static/css/base/side.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_684044_un7umbuwwfp.css">
  {#  <!-- css link start -->#}
  {% block link %}

  {% endblock %}
  {#  <!-- css link start -->#}
</head>
<body>
{#<!-- header start -->#}
<header id="header">
  <div class="mw1200 header-contain clearfix">
    <!-- logo start -->
    <h1 class="logo">
      <a href="javascript:void(0);" class="logo-title">Python</a>
    </h1>
    <!-- logo end -->
    <!-- nav start -->
    <nav class="nav">
      <ul class="menu">
        <li class="active"><a href="{% url 'news:index' %}">首页</a></li>
        <li><a href="../course/course.html">在线文档</a></li>
        <li><a href="../doc/docDownload.html">下载文档</a></li>
        <li><a href="search.html">搜索</a></li>
      </ul>
    </nav>
    <!-- nav end -->
    <!-- login start -->
    <div class="login-box">
      <div>
        <i class="PyWhich py-user"></i>
        <span>
                  <a href="{% url 'users:login' %}" class="login">登录</a> / <a href="{% url 'users:register' %}"
                                                                          class="reg">注册</a>
              </span>
      </div>
      <div class="author hide">
        <i class="PyWhich py-user"></i>
        <span>qwertyui</span>
        <ul class="author-menu">
          <li><a href="javascript:void(0);">后台管理</a></li>
          <li><a href="javascript:void(0);">退出登录</a></li>
        </ul>
      </div>
    </div>
    <!-- login end -->
  </div>
</header>
{#<!-- header end -->#}

{#<!-- main start -->#}
{% block main %}
  <main id="main">
    <div class="w1200 clearfix">
      {#    <!-- main-contain start  -->#}
      {% block main_contain %}

      {% endblock %}
      {#    <!-- main-contain  end -->#}

      {#    <!-- side start -->#}
      {% block side %}

        <aside class="side">
          <div class="side-activities">
            <h3 class="activities-title">在线课堂<a href="javascript:void(0)">更多</a></h3>
            <div class="activities-img">
              <a href="javascript:void(0);" target="_blank">
                <img src="../images/english.jpg" alt="title">
              </a>
              <p class="activities-tips">对话国外小姐姐</p>
            </div>
            <ul class="activities-list">
              <li>
                <a href="javascript:void(0);" target="_blank">
                  <span class="active-status active-start">报名中</span>
                  <span class="active-title"><a
                          href="https://www.shiguangkey.com/course/2432"> Django 项目</a></span>
                </a>
              </li>
              <li>
                <a href="javascript:void(0);" target="_blank">
                  <span class="active-status active-end">已结束</span>
                  <span class="active-title"><a
                          href="https://www.shiguangkey.com/course/2321">Python入门基础</a></span>
                </a>
              </li>
            </ul>
          </div>
          <div class="side-attention clearfix">
            <h3 class="attention-title">关注我</h3>
            <ul class="side-attention-address">
              <li>
                <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-GitHub"></i>Youkou</a>
              </li>
              <li>
                <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-zhihu"
                                                                 style="color:rgb(0, 108, 226);"></i>Youkou</a>
              </li>
              <li>
                <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-weibo"
                                                                 style="color:rgb(245,92,110);"></i>Youkou</a>
              </li>
            </ul>
            <div class="side-attention-qr">
              <p>扫码关注</p>
            </div>
          </div>
          {% block hot_recommend %}
            <div class="side-hot-recommend">
              <h3 class="hot-recommend">热门推荐</h3>
              <ul class="hot-news-list">

                <li>
                  <a href="javascript:void(0)" class="hot-news-contain clearfix">
                    <div class="hot-news-thumbnail">
                      <img src="../images/python_web.jpg"
                           alt="">
                    </div>
                    <div class="hot-news-content">
                      <p class="hot-news-title">Django调试工具django-debug-toolbar安装使用教程</p>
                      <div class="hot-news-other clearfix">
                        <span class="news-type">python框架</span>
                        <!-- 自带的 -->
                        <time class="news-pub-time">11月11日</time>
                        <span class="news-author">python</span>
                      </div>
                    </div>
                  </a>
                </li>

              </ul>
            </div>
          {% endblock %}

        </aside>
      {% endblock %}
      {#    <!-- side end -->#}
    </div>
  </main>
  {#<!-- main end -->#}
{% endblock %}

<!-- footer start -->
{% block footer %}

<footer id="footer">
  <div class="footer-box">
    <div class="footer-content">
      <p class="top-content">
					<span class="link">
						<a href="javascript:void(0)">关于Python</a> |
						<a href="javascript:void(0)">我就是我</a> |
						<a href="javascript:void(0)">人生苦短</a> |
						<a href="javascript:void(0)">我用Python</a>
					</span>
        <span class="about-me">关于我: <i class="PyWhich py-wechat"></i> hqy</span>
      </p>
      <p class="bottom-content">
        <span>地址： xxxx</span>
        <span>联系方式: <a href="#">123456789</a> (24小时在线)</span>
      </p>
    </div>
    <p class="copyright-desc">
      Copyright &copy; 2008 - 2018 xxx有限公司. All Rights Reserved
    </p>
  </div>
</footer>
{% endblock %}
<!-- footer end -->

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="../../static/js/base/common.js"></script>
<script src="{% static 'js/base/message.js' %}"></script>
{% block script %}

{% endblock %}
</body>
</html>